.head_con {

  width: 100%;
  height: 200px;
  padding: 25px;
  padding-bottom:10px;
  background-color: #fff;
  box-shadow:10px 15px 10px -15px #000;
  // box-shadow: 3px 3px 30px #888888;
  border-radius:10px;
  .head_con_top {
    height: 110px;
    width: 100%;
    display: flex;

    .top_left {
      width: 14%;
      height: 100%;

      .photo {
        width: 60px;
        height: 60px;
      }
    }

    .top_right {
      width: 86%;
      height: 100%;
      padding-top: 15px;
      //   display: flex;

      .author {
        width: 100%;
        height: 40px;
      }

      .info {
        width: 100%;
        height: 50px;
        display: flex;

        .info_detail {
        
          color: rgb(124, 121, 121);

          .info_detail_margin {
            margin-left: 10px;
            
          }
        }
         
      }
    }
  }

  .head_con_bottom {
    width: 100%;
    height: 50px;
    padding-top: 10px;
    border-top: 1px solid rgb(218, 214, 214) ;
    text-align: right;
  }

}
